@font-face {
    font-family: 'Source Han Sans CN';
    src: url('../assest/font/SourceHanSansSC-Regular.otf');
}

body {
    padding: 0;
    margin: 0;
    /* height: 100vh; */
    /* box-sizing: border-box; */
    font-family: 'Source Han Sans CN', sans-serif;
}

input::placeholder {
    color: #ccc;
}

textarea::placeholder {
    color: #ccc;
}


div,
input,
textarea {
    box-sizing: border-box;
}

input,
textarea:focus-visible {
    outline: none;
}

.header {
    height: 60px;
    /* background-color: red; */
    width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #333333;
}

.header_left {
    display: flex;
    align-items: center;
}

.header_left_item {
    margin-right: 20px;
    font-size: 14px;

}

.header_left .first {
    font-weight: bold;
    margin-right: 10px;
}

.header_left .last {
    font-weight: bold;
    margin-right: 10px;
    font-weight: 400;
    color: #F43107;
    cursor: pointer;
}

.header_right {
    display: flex;
    align-items: center;
}

.jf img {
    width: 75px;
    height: 26px;
    margin-right: 20px;
}

.bzhy img {
    width: 100px;
    height: 30px;
    margin-right: 20px;
}

.ld img {
    width: 26px;
    height: 28px;
    margin-right: 22px;
}

.tx img {
    width: 36px;
    height: 36px;
    margin-right: 10px;
}

.username {
    font-size: 16px;
    font-weight: 400;
    display: flex;
    align-items: center;
}

.username img {
    width: 12px;
    height: 8px;
    margin-left: 6px;
    cursor: pointer;
}

.banner {
    height: 80px;
    /* padding-left: 360px; */

}

.banner_containner {
    width: 1200px;
    height: 80px;
    margin: 0 auto;
    display: flex;
    align-items: center;
}

.banner img {
    width: 128px;
    height: 60px;
    margin-right: 50px;
}

.banner_item {
    padding: 0 30px;
    height: 100%;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 14px;
    color: #A9B1BE;
}

.banner_containner .on {
    color: #304156;
    position: relative;
    background: #FCE2E0;
}

.banner_containner .on ::after {
    content: '';
    width: 152px;
    height: 4px;
    background: #F43107;
    position: absolute;
    top: 0;
    left: 0;
}

.banner_item img {
    width: 14px;
}

.banner_item .icon_left {
    margin-right: 4px;
    height: 14px;
}

.banner_item .icon_right {
    margin-left: 4px;
    height: 8px;
    margin-right: 0;
}

.main_bg {
    width: 100%;
    height: 720px;
    /* background-image: url('../assest/bj.png'); */
    /* background-size: cover; */
    position: relative;
}

.kk_box {
    width: 1200px;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    /* background-color: red; */
}

.main_bg img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.sus_btn {
    cursor: pointer;
    width: 180px;
    height: 45px;
    /* background-color: red; */
    position: absolute;
    left: 6px;
    bottom: 210px;
}

.district {
    width: 1200px;
    height: 228px;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    position: absolute;
    /* top: 50%; */
    left: 50%;
    transform: translate(-50%, -69px);
    background-color: #fff;
}

.district_item {
    /* background-color: red; */
    flex-grow: 1;
    padding-top: 48px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.district_item img {
    width: 64px;
    height: 64px;
}

.district_item img:hover {
    transform: rotateY(360deg);
    transition: transform 1s;
}

.district_item_text {
    width: 108px;
    text-align: center;
    margin-top: 18px;
}

.ai {
    padding-top: 219px;
    padding-bottom: 10px;
}

.ai_title {
    margin-bottom: 40px;
    font-weight: bold;
    font-size: 32px;
    color: #333333;
    text-align: center;
}

.ai_title span {
    color: #6A6DFB;
}

.ai_box {
    width: 1200px;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;

}

.ai_box_item {
    width: 240px;
    height: 240px;
    background-color: #f2f2f2;
    position: relative;
}

.ai_box_item:hover {
    transform: scale(1.2);
    transition: transform 0.5s;
    z-index: 101;
}


.ai_bg {
    width: 240px;
    height: 249px;
    z-index: 100;
    position: relative;
}

/* .ai_bg:hover{
    transform: scale(1.2);
    transition: transform 0.5s;
    z-index: 101;
} */

.ai_box_item .sp {
    transform: translateY(-9px);
}

.ai_cbg {
    width: 112px;
    height: 112px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 101;
}

.ai_box_item_title {
    font-weight: bold;
    font-size: 18px;
    color: #333333;
    text-align: center;
    margin-top: 64px;
}

.ai_box_item .tag {
    width: 30px;
    height: 4px;
    margin: 0 auto;
    margin-top: 16px;
}

.ai_box_item_text {
    width: 172px;
    height: 62px;
    margin: 0 auto;
    margin-top: 20px;
    font-weight: 400;
    font-size: 14px;
    color: #333333;
    text-align: center;
    line-height: 20px;
}

.sq_btn {
    width: 180px;
    height: 44px;
    background: linear-gradient(162deg, #DD80FB 0%, #6A6DFB 100%);
    border-radius: 8px;
    text-align: center;
    line-height: 44px;
    font-weight: bold;
    font-size: 18px;
    color: #FFFFFF;
    margin: 40px auto;
    cursor: pointer;
}

.customization {
    height: 982px;
    background-image: url('../assest/cu_bg.png');
    background-size: cover;
    padding-top: 50px;
}

.cu_title {
    font-weight: bold;
    font-size: 32px;
    color: #333;
    text-align: center;
}

.cu_title span {
    color: #6A6DFB;
}

.cu_tips {
    font-weight: 400;
    font-size: 18px;
    color: #707070;
    margin-top: 15px;
    text-align: center;
}

.cu_tab {
    width: 880px;
    height: 50px;
    background: #FFFFFF;
    border-radius: 8px;
    border: 1px solid #6A6DFB;
    margin: 0 auto;
    margin-top: 20px;
    display: flex;
    align-items: center;
}

.cu_tab_item {
    width: 220px;
    height: 50px;
    border-radius: 8px;
    text-align: center;
    line-height: 50px;
    font-weight: 400;
    font-size: 18px;
    color: #A9B1BE;
    cursor: pointer;
}

.cu_active {
    font-weight: bold;
    font-size: 18px;
    color: #FFFFFF;
    background: linear-gradient(169deg, #DD80FB 0%, #6A6DFB 100%);
}

.cu_main {
    width: 1200px;
    height: 727px;
    background: #FFFFFF;
    margin: 0 auto;
    margin-top: 20px;
    padding: 30px 20px;
    padding-bottom: 0;
}

.cu_main span {
    font-weight: 400;
    font-size: 16px;
    color: #333333;
}

.cu_main img {
    width: 1160px;
    height: 526px;
    margin: 0 auto;
    margin-top: 30px;
}

.service {
    height: 568px;
}

.service .bg {
    width: 100%;
    height: 568px;
    position: absolute;
    left: 0;
}

.se_main {
    width: 100%;
    height: 568px;
    position: absolute;
}

.se_title {
    font-weight: bold;
    font-size: 32px;
    color: #333;
    margin: 0 auto;
    margin-top: 50px;
    text-align: center;
}

.se_title span {
    color: #6A6DFB;
}

.se_box {
    width: 1200px;
    display: flex;
    margin: 0 auto;
    margin-top: 40px;
}

.se_box_item {
    width: 285px;
    height: 312px;
    background-color: rgba(255, 255, 255, 0.7);
    /* opacity: 0.7; */
    /* background-image: url('./assest/juxing.png'); */
    background-size: cover;
    margin-right: 20px;
    /* padding-top: 50px; */
    display: flex;
    flex-direction: column;
    align-items: center;
}

.se_box_item:hover {
    transform: translateY(-20px);
    transition: all 0.5s;
}

.se_box_item:last-child {
    margin-right: 0px;
}

.se_box_item img {
    width: 100px;
    height: 100px;
    margin-top: 50px;
    /* margin: 0 auto; */
}

.se_text {
    font-weight: bold;
    font-size: 32px;
    color: #333333;
    text-align: center;
    margin-top: 40px;
}

.se_eng {
    font-weight: 400;
    font-size: 22px;
    color: #ACACAC;
    text-align: center;
    margin-top: 15px;
}

.retrieve {
    height: 546px;
    padding-top: 50px;
}

.re_title {
    font-weight: bold;
    font-size: 32px;
    color: #333;
    text-align: center;
}

.re_title span {
    color: #6A6DFB;
}

.re_main {
    width: 1200px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin: 0 auto;
    margin-top: 60px;
}

.re_main img {
    width: 2px;
    height: 150px;
}

.re_item {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.re_item img {
    width: 140px;
    height: 140px;
}

.re_item img:hover {
    transform: scale(1.35);
    transition: all 0.5s;
}

.re_item_title {
    font-weight: bold;
    font-size: 24px;
    color: #3D4461;
    text-align: center;
    margin-top: 20px;
}

.re_item_block {
    width: 40px;
    height: 2px;
    background: #6A6DFB;
    margin-top: 20px;
}

.re_item_desc {
    font-weight: 400;
    font-size: 18px;
    color: #A9B1BE;
    width: 252px;
    text-align: center;
    margin-top: 20px;
}

.apply {
    height: 512px;
    background: #F6F6F6;
    padding-top: 50px;
}

.ap_title {
    font-weight: bold;
    font-size: 32px;
    color: #333;
    text-align: center;
}

.ap_form {
    width: 1200px;
    margin: 0 auto;
    margin-top: 50px;

}

.short_input {
    width: 380px;
    height: 50px;
    background: #FFFFFF;
    border-radius: 4px;
    border: 1px solid #DDDDDD;
    padding-left: 20px;
    font-weight: 400;
    font-size: 18px;
    color: #333;
}

.ap_form .mid {
    margin: 0 24px;
}

.long_input {
    margin-top: 30px;
    width: 1200px;
    height: 122px;
    background: #FFFFFF;
    border-radius: 4px;
    border: 1px solid #DDDDDD;
    font-weight: 400;
    font-size: 18px;
    color: #333;
    padding: 16px 20px;
}

.apply .sq_btn {
    margin-bottom: 20px;
}

.sq_tel {
    display: flex;
    align-items: center;
    justify-content: center;
}

.sq_tel img {
    width: 24px;
    height: 24px;
    margin-right: 10px;
}

.sq_tel .tel_num {
    font-weight: bold;
    font-size: 22px;
    color: #333333;
}

.footer {
    height: 330px;
    background: #4D3B3B;
}

.footer_top {
    height: 266px;
    border-bottom: 1px solid #A9B1BE;
}

.footer_top_main {
    margin: 0 auto;
    width: 1200px;
    height: 100%;
    display: flex;
    /* align-items: center; */
}

.main_first,
.main_second {
    padding-top: 57px;
}

.main_first img {
    width: 128px;
    height: 60px;
    margin-bottom: 25px;
}

.first_text {
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    margin-bottom: 15px;
}

.main_second {
    margin-left: 80px;
}

.ecode_box {
    width: 130px;
    height: 130px;
    background: #FFFFFF;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ecode_box img {
    width: 110px;
    height: 110px;
}

.second_text {
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    margin-top: 15px;
    text-align: center;
}

.main_third {
    margin: auto 126px;
    width: 1px;
    height: 100px;
    background: #A9B1BE;
}

.main_fourth {
    padding-top: 50px;
}

.right_title {
    font-weight: bold;
    font-size: 14px;
    color: #FFFFFF;
}

.right_fg {
    width: 20px;
    height: 2px;
    background: #FFFFFF;
    margin: 0 auto;
    margin-top: 15px;
}

.right_item {
    font-weight: 400;
    font-size: 12px;
    color: #FFFFFF;
    text-align: center;
    margin-top: 15px;
}

.right_box {
    width: 0;
    flex: 1;
    display: flex;
    justify-content: space-between;
}

.footer_bottom_box {
    height: 32px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.footer_bottom {
    height: 63px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.bottom_main {
    font-weight: 400;
    font-size: 12px;
    color: #FFFFFF;
}

.dialog_modal {
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
}

.dialog {
    width: 600px;
    height: 524px;
    background: #FFFFFF;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.16);
    border-radius: 20px;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 999999;
}

.dialog_header {
    height: 100px;
    background: #EAEAFF;
    border-radius: 20px 20px 0px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.dialog_header img {
    width: 102px;
    height: 70px;
    margin-right: 20px;
}

.header_text {
    font-weight: bold;
    font-size: 32px;
    color: #333333;
}

.close_btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px !important;
    height: 40px !important;
    margin-right: 0 !important;
    cursor: pointer;
}

.dialog_body {
    display: flex;
    flex-direction: column;
    align-items: center;
    /* justify-content: center; */
    padding-top: 10px;
}

.dialog_input {
    margin-top: 20px;
    width: 500px;
    height: 50px;
    background: #F7F8FA;
    border-radius: 4px;
    border: 1px solid #DDDDDD;
    font-weight: 400;
    font-size: 18px;
    color: #A9B1BE;
    padding-left: 20px;
}

.dialog_btn {
    width: 500px;
    height: 50px;
    background: linear-gradient(180deg, #DD80FB 0%, #6A6DFB 100%);
    border-radius: 4px;
    font-weight: bold;
    font-size: 18px;
    color: #FFFFFF;
    text-align: center;
    line-height: 50px;
    margin-top: 20px;
    cursor: pointer;
}

.dialog_footer {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

.dialog_footer img {
    width: 24px;
    height: 24px;
}

.footer_text {
    font-weight: bold;
    font-size: 22px;
    color: #333333;
}



.sqs_btn {
    width: 180px;
    height: 44px;
    background: linear-gradient(162deg, #DD80FB 0%, #6A6DFB 100%);
    border-radius: 8px;
    text-align: center;
    line-height: 44px;
    font-weight: bold;
    font-size: 18px;
    color: #FFFFFF;
    margin: 40px auto;
    cursor: pointer;
}

.search {
    height: 250px;
    background-image: url('../assest/red.png');
    background-size: cover;
    padding-top: 40px;
}

.search h1 {
    font-weight: 400;
    font-size: 36px;
    color: #FFFFFF;
    text-align: center;
    margin: 0;
}

.search input {
    width: 850px;
    height: 60px;
    background: #FFFFFF;
    border-radius: 50px;
    border: none;
    padding-left: 40px;
    font-weight: 400;
    font-size: 14px;
    color: #333333;
    margin-top: 35px;

}

.search_main {
    margin: 0 auto;
    width: fit-content;
    position: relative;
}

.search .btn {
    width: 120px;
    height: 56px;
    background: #F43107;
    border-radius: 50px;
    color: #fff;
    font-weight: 400;
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 2px;
    top: 37.5px;
    cursor: pointer;
}

.search .btn img {
    width: 21px;
    height: 21px;
    margin-right: 4px;
}

.search_hot {
    width: fit-content;
    margin: 0 auto;
    margin-top: 20px;
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
}

.search_hot span {
    margin-right: 30px;
}

.search_hot #hot {
    margin-right: 20px !important;
}

.new_body {
    padding-top: 20px;
    background-color: #f6f6f6;
    padding-bottom: 10px;
}

.news_main {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.news_main_left {
    width: 930px;
    background: #FFFFFF;
    padding: 0 20px;
    padding-right: 16px;
}

.news_main_left_item {
    height: 94px;
    border-bottom: 1px solid #EEEEEE;
    padding-top: 20px;
}

.news_item_top {
    display: flex;
    align-items: flex-start;
}

.news_tag {
    width: 64px;
    height: 20px;
    background: #F43107;
    border-radius: 4px;
    font-weight: 400;
    font-size: 12px;
    color: #FFFFFF;
    text-align: center;
    line-height: 20px;
    margin-right: 15px;
}

.news_title {
    max-width: 496px;
    font-weight: 400;
    font-size: 16px;
    color: #333333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.news_item_bottom {
    display: flex;
    margin-top: 8px;
    align-items: center;
    justify-content: space-between;
}

.item_bottom_left {
    display: flex;
    align-items: center;
}

.zbgs {
    font-weight: 400;
    font-size: 14px;
    color: #A9B1BE;
    margin-right: 10px;
}

.gs_name {
    max-width: 210px;
    font-weight: 400;
    font-size: 14px;
    color: #333333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: 20px;
}

.zbgs {
    font-weight: 400;
    font-size: 14px;
    color: #A9B1BE;
    margin-right: 10px;
}

.item_bottom_right {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 14px;
    color: #555;
}

.item_bottom_right img {
    width: 14px;
    height: 14px;
    margin-right: 4px;
}

.news_money {
    display: flex;
    align-items: center;
    color: #FE8D03;
    width: 124px;
}

.news_address {
    display: flex;
    align-items: center;
    width: 80px;
}

.news_date {
    display: flex;
    align-items: center;
    width: 90px;
}

.news_main_right {
    width: 260px;
}

.new_right_first {
    padding: 0 20px;
    background-color: #fff;
}

.first_top {
    height: 56px;
    text-align: center;
    line-height: 56px;
    font-weight: bold;
    font-size: 16px;
    color: #333333;
    border-bottom: 1px solid #e3e3e3;
}

.first_bottom {
    padding-bottom: 22px;
}

.f_b_box {
    display: flex;
    justify-content: space-between;
    padding: 0px 29px;
    font-weight: 400;
    font-size: 14px;
    color: #F43107;
    margin-top: 20px;
}

.f_b_box span {
    cursor: pointer;
}

.new_right_second {
    margin-top: 10px;
    height: 284px;
    background: #FFFFFF;
    padding: 0 20px;
    padding-bottom: 20px;
}

.second_top {
    height: 56px;
    border-bottom: 1px solid #dddddd;
    display: flex;
    align-items: center;

}

.second_top_item {
    cursor: pointer;
    flex-grow: 1;
    font-weight: 400;
    font-size: 14px;
    color: #A9B1BE;
    height: 100%;
    line-height: 56px;
    text-align: center;
}

.xactive {
    color: #333333;
    font-weight: bold;
    border-bottom: 2px solid #F43107;
}

.second_bottom {
    padding: 5px 0;
}

.second_bottom_item {
    font-weight: 400;
    font-size: 14px;
    color: #333333;
    /* height: 16px; */
    /* line-height: 16px; */
    max-width: 210px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 15px;
    height: 14px;
    line-height: 14px;
}

.new_right_third {
    margin-top: 10px;
    height: 255px;
    background: #FFFFFF;
    padding: 0 20px;
}

.third_top {
    height: 56px;
    display: flex;
    align-items: center;
}

.third_top_item {
    height: 56px;
    line-height: 56px;
    font-weight: 400;
    font-size: 14px;
    color: #A9B1BE;
    margin-right: 15px;
    cursor: pointer;
}

.cactive {
    font-weight: bold;
    color: #333333;
    border-bottom: 2px solid #F43107;
}

.third_bottom {
    padding-top: 5px;
}

.third_bottom_item {
    margin-top: 15px;
    max-width: 210px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 400;
    font-size: 14px;
    color: #333333;
    height: 14px;
    line-height: 14px;
}

.new_right_fourth {
    margin-top: 10px;
    height: 158px;
    background-color: #fff;
    padding: 0 20px;
}

.fourth_top,
.fifth_top {
    height: 56px;
    display: flex;
    border-bottom: 1px solid #dddddd;
    align-items: center;
    font-weight: bold;
    font-size: 16px;
    color: #333333;
}

.fourth_top img,
.fifth_top img {
    width: 14px;
    height: 16px;
    margin-right: 9px;
}

.fourth_bottom {
    padding-top: 10px;
    display: flex;
    flex-wrap: wrap;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.fourth_bottom span {
    margin-right: 10px;
}

.new_right_fifth {
    margin-top: 10px;
    height: 404px;
    background-color: #fff;
    padding: 0 20px;
}

.fifth_bottom {
    padding-top: 17px;
}

.fifth_bottom_item {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    height: 18px;
}

.fifth_bottom_item .item_left {
    width: 18px;
    height: 18px;
    background: #EEEEEE;
    border-radius: 2px;
    font-weight: bold;
    font-size: 12px;
    color: #A9B1BE;
    text-align: center;
    line-height: 18px;
    margin-right: 6px;
}

.beforeThree {
    background: #F43107 !important;
    color: #fff !important;
}

.fifth_bottom_item .item_right {
    max-width: 185px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 400;
    font-size: 14px;
    color: #333333;
}

.wactive {
    height: 37px;
    background-color: #fff;
    color: #304156;
    border-left: 1px solid #DCDFE5;
    border-right: 1px solid #DCDFE5;
    position: relative;
}

.wactive::after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: #F43107;
    position: absolute;
    left: 0;
    top: 0;
}

.news_footer {
    margin: 0 auto;
    margin-top: 10px;
    width: 1200px;
    height: 178px;
    background: #FFFFFF;
    padding: 20px;
}

.news_footer_top {
    height: 36px;
    border-bottom: 1px solid #DCDFE5;
    display: flex;
    /* align-items: center; */
}

.news_footer_top_item {
    height: 36px;
    padding: 0 28px;
    font-weight: 400;
    font-size: 16px;
    color: #A9B1BE;
    width: fit-content;
    line-height: 36px;
    cursor: pointer;
}

.news_footer_bootom {
    padding-top: 20px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.news_footer_bootom_item {
    font-weight: 400;
    font-size: 14px;
    color: #304156;
    margin-right: 30px;
}

.project_box {
    background-color: #F6F6F6;
    padding: 15px 0;
}

.project_main {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.characteristic {
    /* width: 885px; */
    display: flex;
    justify-content: space-between;
}

.project_main_left {
    width: 885px;
}

.project_main_left_left {
    width: 300px;
}

.project_main_llt {
    height: 180px;
    background-color: #fff;
}

.project_main_llb {
    height: 180px;
    background: #FFFFFF;
    margin-top: 15px;
}

.project_main_lltt,
.project_main_llbt {
    height: 40px;
    border: 1px solid #eeeeee;
    display: flex;
    align-items: center;
    padding-left: 15px;
    font-weight: 400;
    font-size: 14px;
    color: #333333;
}

.xhb {
    width: 4px;
    height: 14px;
    background: #F43107;
    border-radius: 10px;
    margin-right: 6px;
}

.project_main_lltb,
.project_main_llbb {
    padding: 15px 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.project_main_lltb_item,
.project_main_llbb_item {
    width: 100px;
    height: 30px;
    background: #F43107;
    border-radius: 4px;
    font-weight: 400;
    font-size: 12px;
    color: #FFFFFF;
    text-align: center;
    line-height: 30px;
    margin-bottom: 10px;
}

.project_main_left_right {
    width: 570px;
    height: 375px;
    background-image: url('../assest/projectB.png');
    background-size: cover;
}

.TenderingZone {
    width: 885px;
    height: 446px;
    background: #FFFFFF;
    margin-top: 15px;
}

.tz_header {
    width: 885px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
    font-weight: bold;
    font-size: 14px;
    color: #333333;
    border-bottom: 1px solid #EEEEEE;
}

.tz_neck {
    display: flex;
    height: 40px;
    padding-left: 50px;
}

.tz_neck_item {
    height: 40px;
    line-height: 40px;
    font-weight: 400;
    font-size: 14px;
    color: #A9B1BE;
    margin-right: 50px;
    cursor: pointer;
}

.tzactive {
    color: #F43107;
    border-bottom: 2px solid #F43107;
}

.tz_tableHeader {
    width: 855px;
    height: 40px;
    background: #F5F5F5;
    margin: 0 auto;
    margin-top: 10px;
    display: flex;
    align-items: center;
    padding: 0 35px;
}

.tz_tableHeader_first {
    font-weight: 400;
    font-size: 14px;
    color: #333333;
    margin-right: 50px;
}

.tz_tableHeader_second {
    font-weight: 400;
    font-size: 14px;
    color: #333333;
    margin-right: 428px;
}

.tz_tableHeader_third {
    font-weight: 400;
    font-size: 14px;
    color: #333333;
    margin-right: 102px;
}

.tz_tableMain_item {
    width: 855px;
    display: flex;
    align-items: center;
    height: 44px;
    padding-left: 35px;
    font-weight: 400;
    font-size: 14px;
    margin: 0 auto;
    border-bottom: 1px solid #DDDDDD;
}


.item_first {
    width: 106px;
    color: #F43107;
}

.item_second {
    width: 484px;
}

.item_third {
    width: 108px;
}

.item_fourth {
    width: 72px;
}

.lltt_box {
    display: flex;
    align-items: center;
}

.tz_header_left {
    display: flex;
    align-items: center;
}

.tz_header_right {
    font-weight: 400;
    font-size: 12px;
    color: #A9B1BE;
}

.enterprise {
    width: 885px;
    height: 310px;
    background: #FFFFFF;
    margin-top: 15px;
}

.en_tableHeader_first {
    font-weight: 400;
    font-size: 14px;
    color: #333333;
    margin-right: 239px;
}

.en_tableHeader_second {
    font-weight: 400;
    font-size: 14px;
    color: #333333;
    margin-right: 239px;
}

.item_first_en {
    width: 295px;
}

.item_second_en {
    width: 295px;
}

.item_third_en {
    width: 200px;
}

.pro_footer {
    margin: 0 auto;
    margin-top: 10px;
    width: 885px;
    height: 178px;
    background: #FFFFFF;
    padding: 20px;
}

.pro_footer_top {
    height: 36px;
    border-bottom: 1px solid #DCDFE5;
    display: flex;
    /* align-items: center; */
}

.pro_footer_top_item {
    height: 36px;
    padding: 0 28px;
    font-weight: 400;
    font-size: 16px;
    color: #A9B1BE;
    width: fit-content;
    line-height: 36px;
    cursor: pointer;
}

.pro_footer_bootom {
    padding-top: 20px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.pro_footer_bootom_item {
    font-weight: 400;
    font-size: 14px;
    color: #304156;
    margin-right: 30px;
}

.pro_right_first {
    width: 300px;
    height: 116px;
    background: #FFFFFF;
    padding: 0 20px;
}

.pro_right_first_top {
    height: 40px;
    border-bottom: 1px solid #EEEEEE;
    display: flex;
    align-items: center;
}

.pro_right_first_bottom {
    padding-top: 12px;
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    font-weight: 400;
    font-size: 18px;
    color: #333333;
    padding-left: 57px;
}

.pro_right_first_bottom img {
    width: 18px;
    height: 18px;
    margin-right: 6px;
}

.tel_item {
    display: flex;
    align-items: center;
}

.pro_right_second {
    width: 300px;
    margin-top: 15px;
    height: 244px;
    background-color: #fff;
    padding: 0 20px;
}

.pro_right_second_top {
    height: 56px;
    border-bottom: 1px solid #DDDDDD;
    font-weight: bold;
    font-size: 16px;
    color: #333333;
    text-align: center;
    line-height: 56px;
}

.pro_right_second_bottom {
    padding: 0 20px;
    padding-top: 19px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.p_r_s_b_item {
    height: 14px;
    line-height: 14px;
    font-weight: 400;
    font-size: 14px;
    color: #333333;
    margin-bottom: 20px;
}

.pro_right_third {
    width: 300px;
    margin-top: 10px;
    height: 158px;
    background-color: #fff;
    padding: 0 20px;
}

.pro_third_top {
    height: 56px;
    display: flex;
    border-bottom: 1px solid #dddddd;
    align-items: center;
    font-weight: bold;
    font-size: 16px;
    color: #333333;
}

.pro_third_top img {
    width: 14px;
    height: 16px;
    margin-right: 6px;
}

.pro_third_bottom {
    padding-top: 10px;
    display: flex;
    flex-wrap: wrap;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: normal;
    font-weight: 400;
    font-size: 14px;
    color: #333333;
}

.pro_third_bottom span {
    margin-right: 10px;
}
.pro_copy{
    width: 300px!important;
}
.pro_item_copy{
    max-width: 227px!important;
}